﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Grade Info</title>
    <link href="../css/grade.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../css/common.css" type="text/css" />
    <script type="text/javascript" src="../scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../scripts/jquery.animate-colors-min.js"></script>
    <script type="text/javascript" src="../scripts/navi_common.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#submit_paper").hover(function () {
                $(this).animate({ backgroundColor: '#30A8F4' }, { speed: 500, queue: false });
            }, function () {
                $(this).animate({ backgroundColor: '#771347' }, { speed: 500, queue: false });
            });

            var up_hrefColor = $("#href_up").css('color');
            var down_hrefColor = $("#href_down").css('color');
            $("#page_up").hover(function () {
                $("#href_up").animate({ color: '#000000' },0);
            }, function () {
                $("#href_up").animate({ color: up_hrefColor }, 0);
            });

            $("#page_down").hover(function () {
                $("#href_down").animate({ color: '#000000' }, 0);
            }, function () {
                $("#href_down").animate({ color: down_hrefColor }, 0);
            });
        });
    </script>
</head>
<body>
<div id="bigContent">
<div id="head">
    <div id="title">
        <div class="title_left">
            <div class="titleText">Students Online Exam Platform</div>
        </div>
        <div class="title_right">
            <div class="avatar"><img src="../image/noavatar.jpg" alt="../image/noavatar.jpg"/></div>
            <div class="userState">
                <div class="userState_big"><a href="#">Tomato_team</a></div>
                <div class="userState_small"><a href="#">logout</a></div>
            </div>
        </div>
    </div>
    <form id="navi_form" action="/Exam1/servlet/NaviSelectServlet">
	    <div id="navi">
	        <div class="navi_top">
	            <ul class="all_navi">
	            	<li id="navi1" class="each_navi navi1">Examination</li>
	                <li id="navi2" class="each_navi navi2">Prectice Test </li>
	                <li id="navi3" class="each_navi navi3">Free Q&A</li>
	            </ul>
	        </div>
	        <div class="navi_bottom">
	            <ul class="all_terms">
	            	<li class="each_term term1">freshman 1</li>
	                <li class="each_term term2">freshman 2</li>
	                <li class="each_term term3">sophomore 1</li>
	                <li class="each_term term4">sophomore 2</li>
	                <li class="each_term term5">junior 1</li>
	                <li class="each_term term6">junior 2</li>
	            </ul>
	        </div>
	    </div>
       	<input type="hidden" value="" name="test_type" id="test_type"/>
        <input type="hidden" value="" name="term" id="which_term"/>
    </form>
</div>
<div id="content"  class="boxShadow">
    <div id="test_title">
        <div class="test_title_content">数据库原理测试题A卷</div>
    </div>
    <div id="test_result" class="test_result">
        <div id="test_grade" class="test_score">Score:<span class="show_score">90</span></div>
    </div>
    <div class="test_result_notice">
		The following subject list is the paper answer, you can get what you selected and the
		correct answer(highlight)
    </div>
    <div id="subjects">
        <div class="each_problem">
            <div class="each_problem_title">
                <div class="each_peoblem_no">1.</div>
                <div class="each_problem_title_content">为防止用户对数据库的非法存取操作，DBMS必须提供对数据库( )</div>
                <div class="each_problem_incorrect">Incorrect</div>
            </div>
            <div class="each_problem_content_radio">
                <ul class="each_problem_content_list">
                	<li class="each_problem_content correct_option">
                        <input id="q1_1" type="radio" value="1" name="q1"/>
                        <label for="q1_1">A.安全性保护</label>
                    </li>
                    <li class="each_problem_content correct_option">
                        <input id="q1_2" type="radio" value="2" name="q1"/>
                        <label for="q1_2">B.完整性保护</label>
                    </li>
                    <li class="each_problem_content">
                        <input id="q1_3" type="radio" value="3" name="q1"/>
                        <label for="q1_3">C.故障恢复</label>
                    </li>
                    <li class="each_problem_content">
                        <input id="q1_4" type="radio" value="4" name="q1"/>
                        <label for="q1_4">D.并发控制</label>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</div>
</body>
</html>
